<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>帮助中心</title>
    <link href="//cdn.juqingdata.com/assets/css/frozen.css" rel="stylesheet">
    <link href="../css/jqbxfront.css" rel="stylesheet">
</head>
<style>
    .ui-slider-indicators{
        right: 0;
        -webkit-box-pack: center;
    }
    .ui-slider-indicators li{
        width: 10px;
        height: 10px;
    }
    .ui-slider-indicators li.current:before{
        width: 8px;
        height: 8px;
    }
    .ui-slider-content>li span {
        background-size: contain;
        background-position: center;
        background-color: rgba(0,0,0,.7);
    }
</style>
<body>
    <header class="ui-header ui-header-stable ui-border-b">
        <i class="ui-icon-return" onclick="history.back()"></i>
        <h1>帮助中心</h1>
    </header>
    <section  class="ui-container">
        <div class="ui-slider" style="height: 500px">
            <ul class="ui-slider-content" style="width: 300%">
                <li><span style="background-image:url(../img/help1.png)"></span></li>
                <li><span style="background-image:url(../img/help2.png)"></span></li>
                <li><span style="background-image:url(../img/help3.png)"></span></li>
                <li><span style="background-image:url(../img/help4.png)"></span></li>
            </ul>
        </div>


    </section>
<script src="//cdn.juqingdata.com/assets/js/zepto.min.js"></script>
<script src="//cdn.juqingdata.com/assets/js/frozen.js"></script>
    <script>
        (function(){
            var h = $(window).height();
            $('.ui-slider').height(h-45);
            var slider = new fz.Scroll('.ui-slider', {
                role: 'slider',
                indicator: true,
                autoplay: true,
                interval: 3000
            });


            $(window).resize(function (){
                h = $(window).height();
                $('.ui-slider').height(h-45);
            })


        })();
    </script>
</body>
</html>